// 自定义input-group组件状态控制
.f-cmp-inputgroup {


  .input-group-append {
    background: $f-input-bg;
  }

  .input-group>.form-control:not(:last-child) {
    border-radius: $farris-border-radius;
  }

  .input-group-text {
    justify-content: center;
    color: $farris-input-icon-color;
    padding-left:#{$f-input-height-inner * 0.5 - $farris-icon-font-size * 0.5};
    padding-right:#{$f-input-height-inner * 0.5 - $farris-icon-font-size * 0.5};
    cursor: pointer;

    &:hover {
      color: $farris-input-icon-hover-color;
    }
  }

  .f-state-readonly,
  .f-state-disabled,
  .farris-input-group-disable,
  .farris-input-group-readonly {
    .input-group-append {
      background: $farris-input-readonly-bg;
      display: none;
    }

    .input-append-wrapper {
      display: flex;
      color: $farris-input-readonly-color;

      .input-append-text:hover {
        color: inherit;
      }
    }

    .append-force-show {
      display: flex;
    }

    .input-group-text {
      cursor: default;
    }
  }

  .f-state-disabled {
    background: $farris-input-disabled-bg;
    border-color: $farris-input-disabled-border-color;

    .form-control {
      color: $farris-input-disabled-color;
    }
  }

  .f-state-editable {
    background: $farris-input-bg;
    border-color: $farris-input-border-color;

    .form-control {
      color: $farris-input-color !important;
    }
  }

  .f-state-readonly {
    background: $farris-input-readonly-bg;
    border-color: $farris-input-readonly-border-color;

    .form-control {
      color: $farris-input-readonly-color;
    }
  }

  // 处理多选折行
  .f-cmp-inputgroup--multi-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;

    .multi--content {
      flex-shrink: 1;
      flex-grow: 1;
      flex-basis: 0;
      overflow: hidden;
      height: 100%;
      word-break: break-all;

      .multi--close {
        color: rgba(0, 0, 0, 0.25);
        font-size: 14px;
        cursor: pointer;
        margin-left: 4px;

        &::before {
          content: '\e11d';
        }

        &:hover {
          color: $f-theme-05;
        }
      }
    }

    .multi--item {
      display: inline-flex;
      align-items: center;
      margin: 0 10px 0 0;

      &:last-child {
        margin: 0;
      }

      &:hover {
        color: $f-theme-05;
      }
    }

    .multi--more {
      flex-shrink: 0;
      font-size: 13px;
      color: #2A87FF;
      display: flex;
      align-items: center;

      .multi--more-icon {
        font-size: 13px;

        &::before {
          content: '\e11e';
        }
      }
    }
  }
}

// 禁用只读状态
.f-state-disabled .f-cmp-inputgroup--multi-wrapper {
  .multi--item {
    &:hover {
      color: inherit;
    }
  }

  .multi--content .multi--close {
    display: none;
  }
}

.k-grid-edit-row td .lookupbox {
  width: calc(100% + 1.125rem);
  margin-left: -0.5625rem;
}

.lookupbox {
  .input-group-append {
    .f-icon-lookup {
      font-size: 14px;
    }
  }
}

// 收藏夹
.f-lookup-favorite {
  color: $f-semantic-warning-05;
}